Mock Service Worker Mock Service Worker 기본적 사용법 및 TypeScript 적용하기 MSW 의 핸들러는 기본적으로 1) 어떤 URL 요청이 들어왔을 때 2) 어떤 동작을 수행할지 로 이루어져있다. res 는 응답을 리턴할 때 쓰이는 함수라고 볼 수 있다. ctx 는 실제로 응답을 어떻게 처리할지 세세한 내용을 정해줄 수 있다. 해당 URL 로 온 요청에 대해서는 내가 의도한 응답을 내려줄 수 있다. 그런데 그것이 기존의 mock data 를 준비해놓고서 프로젝트를 진행하는 ... typescriptMock Service WorkerMock Service Worker 아직도 한땀한땀 MockData 만든다고!? 이제 「Mock Service Worker」 쓰자 🤡 Mock Service Worker라는 이름에서 알 수 있듯이 msw는 Service Worker를 활용한다. 를 살펴보면 서비스워커에 대한 자세한 개념을 살필 수 있다. msw를 학습하는데 있어 중요한 포인트만 짚어보자면, Service Worker는 일종의 대리 서버라고 할 수 있다. Service Worker를 활용하면, 리소스 요청을 가로채 수정할 수 있고, 리소스를 세부적으로 캐싱해... 리액트 라이브러리Mock Service Worker리액트MSW데이터 모킹MSW
Mock Service Worker 기본적 사용법 및 TypeScript 적용하기 MSW 의 핸들러는 기본적으로 1) 어떤 URL 요청이 들어왔을 때 2) 어떤 동작을 수행할지 로 이루어져있다. res 는 응답을 리턴할 때 쓰이는 함수라고 볼 수 있다. ctx 는 실제로 응답을 어떻게 처리할지 세세한 내용을 정해줄 수 있다. 해당 URL 로 온 요청에 대해서는 내가 의도한 응답을 내려줄 수 있다. 그런데 그것이 기존의 mock data 를 준비해놓고서 프로젝트를 진행하는 ... typescriptMock Service WorkerMock Service Worker 아직도 한땀한땀 MockData 만든다고!? 이제 「Mock Service Worker」 쓰자 🤡 Mock Service Worker라는 이름에서 알 수 있듯이 msw는 Service Worker를 활용한다. 를 살펴보면 서비스워커에 대한 자세한 개념을 살필 수 있다. msw를 학습하는데 있어 중요한 포인트만 짚어보자면, Service Worker는 일종의 대리 서버라고 할 수 있다. Service Worker를 활용하면, 리소스 요청을 가로채 수정할 수 있고, 리소스를 세부적으로 캐싱해... 리액트 라이브러리Mock Service Worker리액트MSW데이터 모킹MSW